<template>
  <div class="body">

    <div class="AlbumHead">
      <div class="center-block">
        <div class="Crumbs" style="border-bottom: none">
          您的位置：<router-link to="/index">首页<b>&gt;</b></router-link><router-link to="/dataService">数据中心<b>&gt;</b></router-link><a href="javascript:;" target="">项目相册</a>
        </div>
        <div class="AlbumTitle">
          <h1>发展改革委民旺园23号楼等9个老旧小区综合整治项目 </h1>
          <p class="hyaline-tag">
            <span class="spaTaB">市政工程</span>
            <span class="spaTaO">新建</span>
            <span class="spaTaB">小型</span>
            <span class="spaTaO">自建</span>
            <span class="spaTaR">国有资金</span>
          </p>
        </div>
      </div>
      <div class="AlbumNav">
        <div class="center-block clearfix">
          <div class="AlbumTab">
            <span class="button" :class="tabF6 === 0 ? 'active' :''" @click="tabF5(0)">全部图片</span>
            <span class="button" :class="tabF6 === 1 ? 'active' :''" @click="tabF5(1)">效果图</span>
            <span class="button" :class="tabF6 === 2 ? 'active' :''" @click="tabF5(2)">实景图</span>
            <span class="button" :class="tabF6 === 3 ? 'active' :''" @click="tabF5(3)">航拍图</span>
            <span class="button" :class="tabF6 === 4 ? 'active' :''" @click="tabF5(4)">3D全景</span>
          </div>
          <div class="AlbumChoose">
            <span class="button" :class="nowActive === 0 ? 'active' :''" @click="tabClick(0)"><i class="dtFont dtFont-liebiao1"></i>列表</span>
            <span class="button" :class="nowActive === 1 ? 'active' :''" @click="tabClick(1)"><i class="dtFont dtFont-HD"></i>高清</span>
          </div>
        </div>
      </div>
    </div>
    <div class="AlbumBody">
      <router-view/>
    </div>
  </div>
</template>

<script>
  import { getMap } from '@/api/dataService/index';

export default {
  name: 'body',
  data : function() {
    return {
      nowActive: 0,
      tabF6:0
    }
  },
  mounted : function() {
    //this.getPersonDetail()
  },
  methods: {
    getPersonDetail (id){
      /*getBlackList(id).then(res => {
        console.log(res)
      })*/
    },
    tabF5(index){
      this.tabF6 = index
    },
    tabClick(index){
      this.nowActive = index
      if(index===0){
        this.$router.push({ path:'/dataService/album/list'});
      }else {
        this.$router.push({ path:'/dataService/album/hd'});
      }

    }
  }
}
</script>
